<template>
  <el-breadcrumb separator="/" class="nav">
    <el-breadcrumb-item>
      <a href="/">首页</a>
    </el-breadcrumb-item>
    <el-breadcrumb-item>{{level1}}</el-breadcrumb-item>
    <el-breadcrumb-item>{{level2}}</el-breadcrumb-item>
  </el-breadcrumb>
</template>

<script>
export default {
  name: 'my-bread',
  props: ['level1', 'level2']
}
</script>

<style>
.nav {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
</style>
